<template>
  <div class="boss">



    <jf />

      <h2>患者信息</h2>

    <hzxx />

  </div>
</template>

<script>
import jf from './components/jf.vue'
import hzxx from './components/hzxx.vue'
export default {
  components: {
    jf,
    hzxx,
  },
}
</script>

<style lang="less" scoped>
.boss {
  background: #ffffff;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #c1c1c1;
}

.b1 {
  width: 96%;

  margin: 0 auto;

  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.bb {
  margin-top: 10px;
  width: 275px;
  height: 65px;
  line-height: 20px;
  line-height: 30px;
}



h2{
  color: rgb(102,110,231);
  margin-left:2.5% ;
  margin-top: 5%;
}

.bbbb {
  border-radius: 10px;
  background: #e6e7fb;
  width: 95%;
  height: 185px;
  margin: 0 auto;
}

.bbb {
  margin-top: 10px;
  width: 232px;
  height: 65px;
  line-height: 20px;
  line-height: 30px;
  margin-left: 20px;
}
/deep/.el-input--suffix .el-input__inner {
  width: 275px;
}

.b2 {
  width: 96%;

  margin: 0 auto;

  display: flex;
  justify-content: space-around;
}

.b3 {
  width: 96%;

  margin: 0 auto;

  display: flex;
}

.b3 .bb {
  margin-left: 10px;
}

.bb3 {
  margin-top: 10px;
  width: 575px;
  height: 65px;
  line-height: 20px;
  line-height: 30px;
  margin-left: 25px;
}

.bbb4 {
  margin-top: 10px;
  width: 875px;
  height: 65px;
  line-height: 20px;
  line-height: 30px;
  margin-left: 35px;
}

.b4 {
  width: 96%;

  display: flex;
}

.bbbbx {
  border-radius: 10px;

  width: 96%;

  margin: 0 auto;
}
</style>